<seed-content class="gray-background">
  <seed-toolbar-header>
    <seed-toolbar-title>学员档案</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
  <div class="wrap">


  <!--基本信息-->
  <h2 class="child-detail-title seed-flexbox seed-flexbox-content-center seed-flexbox-column">
    <span>基本信息</span>
    <span class="eng small">Basic Info</span>
  </h2>
  <div class="item header-pic seed-underline seed-flexbox seed-flexbox-content-between seed-flexbox-align-center">
    <span class="item-title seed-flexbox seed-flexbox-content-between seed-flexbox-column">
      <span>头像</span>
      <span class="eng">Photo</span>
    </span>
    <div class="pic seed-flexbox seed-flexbox-align-center">
      <img [src]="studentInfo?.headPicture||defaulticon" alt="">
      <!--<span class="seed-arrow"></span>-->
      <input type="file" accept="image/*" (change)="addPicture($event)">
      <seed-icons [icon]="'arrowRight'"></seed-icons>
    </div>
  </div>
  <div class="item seed-underline seed-flexbox seed-flexbox-content-between seed-flexbox-align-center">
    <span class="item-title seed-flexbox seed-flexbox-content-between seed-flexbox-column">
      <span>孩子姓名</span>
      <span class="eng">Full Name</span>
    </span>
    <span class="item-value">{{studentInfo.name? studentInfo.name : '暂未采集数据'}}</span>
  </div>
  <!--表单-->
  <form [formGroup]="form">
    <div class="seed-underline seed-item-select-wrap">
      <label class="seed-item-select">
        <span class="seed-select-title seed-flexbox seed-flexbox-content-between seed-flexbox-column">
          <span>性别</span>
          <span class="eng">Sex</span>
        </span>
        <select formControlName="sex" >
          <option [value]="" disabled selected style='display:none;color:#c1c1c1'
          >请选择学员性别</option>
          <option [value]="1">男</option>
          <option [value]="2">女</option>
        </select>
        <span class="arrow seed-flexbox seed-flexbox-align-center"><span class="choose"></span></span>
      </label>
    </div>
    <div class="seed-underline seed-item-select-wrap">
      <label class="seed-item-select seed-item-select-date seed-flexbox seed-flexbox-align-center" for="form-date-select">
         <span class="seed-select-title seed-flexbox seed-flexbox-content-between seed-flexbox-column">
          <span>出生日期</span>
          <span class="eng">Birth Date</span>
        </span>
        <span class="data-value"  [ngClass]="{'has-change': form.controls['birthday'].value}">{{form.controls['birthday'].value ? form.controls['birthday'].value:'请选择出生日期'}}</span>
        <span class="arrow seed-flexbox seed-flexbox-align-center"><span class="choose"></span></span>
      </label>
      <input type="date" formControlName="birthday" id="form-date-select">
    </div>
    <div class="seed-underline">
      <label class="seed-form-input-wrap seed-flexbox seed-flexbox-align-center">
        <span class="seed-select-title seed-flexbox seed-flexbox-content-between seed-flexbox-column">
          <span>监护人姓名</span>
          <span class="eng">Guardian's Name</span>
        </span>
        <input [minlength]="0"
               [maxlength]="40"
               class="seed-form-input seed-flexbox-item"
               type="text" formControlName="parentName"
               placeholder="暂未采集数据">
      </label>
    </div>
    <!--<seed-form-select-sex [defaultValue]="studentInfo.sex" [placeHolder]="'请选择学员性别'" formControlName="sex" ngDefaultControl></seed-form-select-sex>-->
    <!--<seed-form-select-date [defaultValue]="getDateStr(studentInfo.birthday)" formControlName="birthday" ngDefaultControl> </seed-form-select-date>-->
    <!--<seed-form-input [title]="'监护人姓名'"-->
      <!--[defaultValue]="studentInfo.parentName" formControlName="parentName" ngDefaultControl></seed-form-input>-->
  </form>
  <div class="item seed-flexbox seed-flexbox-content-between seed-flexbox-align-center">
    <span class="item-title seed-flexbox seed-flexbox-content-between seed-flexbox-column">
      <span>监护人手机</span>
      <span class="eng">Guardian's Mobile</span>
    </span>
    <span class="item-value">{{studentInfo.parentMobile? studentInfo.parentMobile : '暂未采集数据'}}</span>
  </div>
  <!--身体基础信息-->
  <h2 class="child-detail-title seed-flexbox seed-flexbox-content-center seed-flexbox-column">
    <span>身体基础信息</span>
    <span class="eng small">Basic Body Info</span>
  </h2>
  <div class="item seed-underline seed-flexbox seed-flexbox-content-between seed-flexbox-align-center">
    <span class="item-title seed-flexbox seed-flexbox-content-between seed-flexbox-column">
      <span>身高</span>
      <span class="eng">Height</span>
    </span>
    <span class="item-value">{{studentInfo.height? studentInfo.height + 'CM' : '暂未采集数据'}}</span>
  </div>
  <div class="item seed-underline seed-flexbox seed-flexbox-content-between seed-flexbox-align-center">
    <span class="item-title seed-flexbox seed-flexbox-content-between seed-flexbox-column">
      <span>体重</span>
      <span class="eng">Weight</span>
    </span>
    <span class="item-value">{{studentInfo.weight? studentInfo.weight + 'KG' : '暂未采集数据'}}</span>
  </div>
  <div class="item seed-underline seed-flexbox seed-flexbox-content-between seed-flexbox-align-center">
    <span class="item-title seed-flexbox seed-flexbox-content-between seed-flexbox-column">
      <span>站立摸高</span>
      <span class="eng">Standing Reach</span>
    </span>
    <span class="item-value">{{studentInfo.standingReach ? studentInfo.standingReach + 'CM': '暂未采集数据'}}</span>
  </div>
  <div class="item seed-flexbox seed-flexbox-content-between seed-flexbox-align-center">
    <span class="item-title seed-flexbox seed-flexbox-content-between seed-flexbox-column">
      <span>臂展</span>
      <span class="eng">Wingspan</span>
    </span>
    <span class="item-value">{{studentInfo.armReach ? studentInfo.armReach + 'CM' : '暂未采集数据'}}</span>
  </div>
  <!--其他信息-->
  <h2 class="child-detail-title seed-flexbox seed-flexbox-content-center seed-flexbox-column">
    <span>其他信息</span>
    <span class="eng small">Other Info</span>
  </h2>
  <div class="multi seed-underline seed-flexbox seed-flexbox-content-between seed-flexbox-align-center">
    <span class="item-title seed-flexbox seed-flexbox-content-between seed-flexbox-column">
      <span>专业特点</span>
      <span class="eng">Speciality</span>
    </span>
    <span class="item-value">{{studentInfo.trait? studentInfo.trait: '暂未采集数据'}}</span>
  </div>
  <div class="multi seed-flexbox seed-flexbox-content-between seed-flexbox-align-center">
    <span class="item-title seed-flexbox seed-flexbox-content-between seed-flexbox-column">
      <span>所获奖项</span>
      <span class="eng">Awards</span>
    </span>
    <span class="item-value">{{studentInfo.awardsItem? studentInfo.awardsItem: '暂未采集数据'}}</span>
  </div>
  </div>
  <seed-submit-button [btnText]="'保存'" class="seed-scroll-outside" [disabled]="!hasChange"  (submit)="submit()"></seed-submit-button>
</seed-content>
